<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>系统管理员登录</title>
    <link href="css/login.css" rel="stylesheet">
</head>
<body>
<div class="sign">
    <h2>系统管理员登录</h2>
    <form>
        <div class="inp">
            <div><input id="username" type="text" placeholder="手机/用户名" class="txt1"></div>
            <div><input id="password" type="password" placeholder="密码" class="txt2"></div>
        </div><br/>
        <div class="btn"><input id="submit" type="submit" value="登录" class="btn1"></div>
    </form>
</div>
</body>
<script src="js/jquery.js"></script>
<script src="js/md5.js"></script>
<script>
    $("#submit").click(function (){
        var username=$("#username").val();//获取username
        var pwdsrc=$("#password").val();//获取password
        var password=hex_md5(pwdsrc);//加密
        var data={//定义一个对象，作为传给后端的数据
            "username":username,
            "password":password,
            "type":2
        }
        $.ajax({
            url:"http://lenjon.top:9090/login",
            type: "POST",
            async:false,//同步请求，得到返回值后再执行后序步骤
            headers:{//请求头
                "Content-Type": "application/json;charset=utf8",
                'Accept': '*/*'
            },
            data:JSON.stringify(data),//转换成json格式字符串传给后端
            dataType:"json",
            success:function (data){//请求成功返回 {code: 200, message: "success", data: "加密后的password"}
                console.log(data);//此处data为后端返回数据
                if(data.code==200){
                    alert("欢迎使用图书管理系统！");
                    sessionStorage.setItem("token",data.data);//保存token，为后续请求做准备
                    window.open("admin_1.html");//window.location.href="..."为重定位，无法加载；open打开新页面
                }
                else {//返回状态码不为200的情况
                    alert("用户不存在或密码错误！")
                }
            },
            error:function (){//请求失败
                console.log("error");
            }
        })
    })
</script>
</html>